/* 
    Document   : inicio
    Created on : 11/04/2011, 22:11:49
    Author     : victor
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

#super #corpo{
    width: 960px;
    float: left;

}
#super #corpo .clear_left{
    width: 10px;
    height:40px;
    float: left;
}
#super #corpo #slide{
    width: 957px;
    height: 320px;
}
#super #corpo #slide #slide_corpo ul#nav{
    list-style: none;
    float: left;
    margin: 0px 0px 3px 5px;
    height: 35px;
}
#super #corpo #slide #slide_corpo ul#nav li {
    width: 92px;
    float: left;
    height: 27px;
    z-index: 1;
    margin-left: 0px;


}
#super #corpo #slide #slide_corpo ul#nav li a{
    display: block;
    width: 92px;
    height: 35px;
    border: none;
    display: block;
    text-decoration: none;
    background :url("../imagens/site/slide_aba_inativa.png") no-repeat;
    background-repeat: no-repeat;
    background-position: bottom;
}
#super #corpo #slide #slide_corpo ul#nav li a:hover,
#super #corpo #slide #slide_corpo ul#nav li a.activeSlide{
    margin-bottom: 0px;
    height: 35px;
    position: relative;
    z-index: 10;
    background-image: url("../imagens/site/slide_aba_ativa.png");
}
#super #corpo #slide #slide_corpo #nav .clear_left{
    float: left;
    width: 90px;
    height: 20px;
}
#super #corpo #slide #slide_corpo{
    width: 957px;
    float: left;
    height: 300px;
    margin-top: -3px;
    background-image: url("../imagens/site/slide_corpo.png");
    background-position: bottom;
    background-repeat: no-repeat;
}
#super #corpo #slide #slide_corpo .imagem{
    float: left;
    clear: left;
    margin-left: 5px;
}
#super #corpo #slide #slide_corpo .imagem a img{
    border: none;
}
#super #corpo #slide #slide_corpo .titulo .clear_up{
    width: 200px;
    height: 5px;
}
#super #corpo #slide #slide_corpo .titulo .clear_left{
    float: left;
    width: 40px;
    height: 15px;
}
#super #corpo #slide #slide_corpo .imagem .clear_left{
    float: left;
    width: 5px;
    height: 200px;
}
#super #corpo .slide_clear_down{
    float: left;
    height: 15px;
    width: 100%;
}
#super #corpo #destaques_{
    width: 706px;
    min-height: 1050px;
    float: left;        
}
#super #corpo #destaques_ .clear{
    width: 600px;
    height: 10px;
}
#super #corpo #destaques_ .anuncio{
    width: 685px;
    height: 113px;
    margin: auto;
}
#super #corpo #destaques_ .titulo{
    width: 706px;
}
#super #corpo #destaques_ .titulo .titulo_esquerda{
    width: 7px;
    height: 25px;
    background-image: url("../imagens/site/conteudo_titulo_esquerda.png");
    float: left;
    background-repeat: no-repeat;
}
#super #corpo #destaques_ .titulo .titulo_direita{
    width: 7px;
    height: 25px;
    background-image: url("../imagens/site/conteudo_titulo_direita.png");
    float: left;
    background-repeat: no-repeat;
}
#super #corpo #destaques_ .titulo .titulo_meio{
    width: 692px;
    height: 25px;
    text-align: center;
    font-family: arial;
    color: white;
    font-size: 13pt;
    background-image: url("../imagens/site/conteudo_titulo_meio.png");
    vertical-align: middle;
    float: left;
    background-repeat: repeat-x;
}
#super #corpo #destaques_ #destaques_conteudo{
    width: 698px;
    margin: auto;
    min-height: 860px;
    overflow: auto;
    background-image: url("../imagens/site/conteudo_borda_corpo.png");
    text-align: center;
}
#super #corpo #destaques_ .clear_up{
    float: left;
    height:15px;
}
#super #corpo #destaques_ .conteudo_rodape{
    width: 698px;
    margin: auto;
    height: 26px;
    background-image: url("../imagens/site/conteudo_borda_rodape.png");
    background-repeat: no-repeat;
}
#super #corpo #destaques_ .clear_left{
    height: 100px;
    width: 5px;
    float: left;
}
#super #corpo #destaques_ #destaques_conteudo .destaque_produto{
    margin-left: 38px;
/*    margin-top: 60px;*/
    width: 180px;
    height: 286px;
    float: left;
    text-align: center;
}
#super #corpo #destaques_ #destaques_conteudo .clear_up{
    float: left;
    width: 100%;
    height: 20px;
    
}
#super #corpo #destaques_ #destaques_conteudo .destaque_produto .livro_titulo{
    font-family: arial;
    font-size: 10pt;
    color: #999999;
}
#super #corpo #destaques_ #destaques_conteudo .destaque_produto .livro_preco{
    font-family: arial;
    font-weight: bold;
    font-size: 15pt;
    color: #1E90FF;
}
#super #corpo #destaques_ #destaques_conteudo .destaque_produto a,
/*#super #corpo #destaques_ #destaques_conteudo .destaque_produto a,*/
#super #corpo #destaques_ #destaques_conteudo .destaque_produto img
{
    border:none;
    text-decoration: none;
}

#super #corpo .clear_left{
    float: left;
    width: 20px;
    height: 100px;
}
#super #corpo #conteudo_direito{
    float:left;
    width: 224px;
    float: left;
}
#super #corpo #conteudo_direito .separador{
    margin: 10px 2px 10px 7px;
}
#super #corpo #conteudo_direito .anuncio img{
    border: none;
}
#super #corpo #conteudo_direito #mais_vendidos{
    width: 227px;
}
#super #corpo #conteudo_direito #mais_vendidos .titulo{
    float: left;
    background-image: url("../imagens/site/maisvendidos_titulo.png");
    width: 227px;
    height: 25px;
    text-align: center;
    font-family: arial;
    color: white;
}
#super #corpo #conteudo_direito #mais_vendidos .conteudo{
    margin: auto;
    text-align: center;
    width: 224px;
    height: 354px;
    background-image: url("../imagens/site/maisvendidos_corpo.png");
}
#super #corpo #conteudo_direito #mais_vendidos .conteudo .clear_up{
    float: left;
    width: 220px;
    height: 20px;
}
#super #corpo #conteudo_direito #mais_vendidos .conteudo tr.top_produto{
    height: 60px;
}

#super #corpo #conteudo_direito #mais_vendidos .conteudo .top_produtos{
    float: left;
    width: 224px;
}
#super #corpo #conteudo_direito #mais_vendidos .conteudo .nome_produto{
    font-family: arial;
    font-size: 13pt;
    text-align: left;
    width: 112px;
}
#super #corpo #conteudo_direito #mais_vendidos .conteudo .imagem{
    text-align: center;
    width: 70px;
}
#super #corpo #conteudo_direito .clear_left_AnuncioTwitter {
    float: left;
    width: 3px;
    height: 100px;
}
#super #corpo #conteudo_direito #anuncio_twitter{
    float: left;
    width: 221px;
}
#super #corpo #conteudo_direito #anuncio_twitter .titulo{
    background-image: url("../imagens/site/anuncio_titulo.png");
    width: 221px;
    height:60px;
    float: left;
}
#super #corpo #conteudo_direito #anuncio_twitter .conteudo{
    background-image: url("../imagens/site/anuncio_corpo.png");
    width: 221px;
    height: 260px;
    background-repeat: repeat-y;
    float: left;
}
#super #corpo #conteudo_direito #anuncio_twitter .conteudo .clear_left{
    float: left;
    width: 10px;
    height: 100%;
}
#super #corpo #conteudo_direito #anuncio_twitter .conteudo .noticia{
    width: 200px;
    float: left;
    border-bottom: 1px dotted #999999;
    margin-bottom: 10px;
    padding-bottom: 10px;
}
#super #corpo #conteudo_direito #anuncio_twitter .conteudo .noticia .resumo{
    font-family: arial;
    color: #999999;
    font-size: 10pt;
}
#super #corpo #conteudo_direito #anuncio_twitter .conteudo .noticia .noticia_link a{
    font-family: arial;
    font-size: 10pt;
    text-decoration: none;
    color: red;
}
#super #corpo #conteudo_direito #anuncio_twitter .rodape{
    width: 221px;
    height: 59px;
    background-image: url("../imagens/site/anuncio_rodape.png");
    background-repeat: no-repeat;
    float: left;
}
#super #corpo #conteudo_direito .anuncio a img{
    border: none;
}
.JScrollPaneContainer{
    padding: 0px;
}